<template>
  <div class="profile">
    <el-tabs v-model="activeTab" type="card" @tab-click="handleClick">
      <el-tab-pane label="首页配置" name="first">
        <index-config></index-config>
      </el-tab-pane>
      <el-tab-pane label="升级页配置" name="second">
        <UpgradeConfig></UpgradeConfig>
      </el-tab-pane>
    </el-tabs>
  </div>
</template>

<script type="text/ecmascript-6">
  import IndexConfig from './children/indexConfig.vue'
  import UpgradeConfig from './children/upgradeConfig.vue'
  export default {
    components: {
      IndexConfig: IndexConfig,
      UpgradeConfig: UpgradeConfig
    },
    data () {
      return {
        activeTab: 'first'
      }
    },
    mounted () {
    },
    methods: {
      handleClick (tab, event) {
      }
    }
  }
</script>

<style lang="less" rel="stylesheet/less">
  .profile {
    .index-config {
      margin-top: 20px;
    }
  }
</style>
